.index_headerBox {
  /*background: url(../body_bg.jpg) no-repeat center;*/
  height: 1080px;
  overflow: hidden;
  position: relative;
  background-size: 100% 100%;
}

.el-table th.el-table__cell {
  background-color: #25262D;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border-bottom: 4px solid #15161C;
}

.headerBox {
  margin-top: 40px;
  background-color: #1C1C1C;
  color: #fff;
  position: relative;
  /* padding-bottom: 12px; */
}

.user {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 14px;
  color: #fff;
}

.user img,
.user span {
  vertical-align: middle;
}

.el-menu-demo {
  display: flex;
}

.el-menu--horizontal>.el-menu-item.is-active,
.el-menu--horizontal>.el-submenu .el-submenu__title {
}

.el-submenu__title i {
  color: #fff;
}

.el-menu.el-menu--horizontal {
  background-color: unset !important;
  position: relative;
  border: none;
}

.el-menu--popup {
  background-color: #1C1C1C !important;
}

.el-menu--horizontal .el-menu{
  max-height: 600px;
  overflow-y: auto;
}
.el-menu--horizontal .el-menu .el-menu-item {
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #948482 !important;
  font-size: 14px;
  text-align: left;
  color: #000 !important;
  /* padding-left: 5%; */
}
.el-menu--horizontal .el-menu .el-menu-item:hover{
  /* font-weight: bold; */
  color: #D82B2C !important;
}
.el-menu--popup{
  background: #948482 !important;
  margin-top: 0;
}

.el-menu--horizontal .el-menu .el-menu-item:hover {
}
.el-menu--horizontal .el-menu .el-menu-item .isActived{
  color: #D82B2C !important;
}

.el-table {
  background-color: #25262E;
}

.el-tooltip__popper {
  font-size: 14px;
  max-width: 40%;
}

.indexCon {
  width: 650px;
  margin: 0 auto;
}

.index_logo {
  display: block;
  width: 272px;
  margin: 300px auto 0;
}

.index_search {
  margin-top: 40px;
}

.search_input,
.search_button {
  float: left;
  height: 46px;
}

.search_input {
  padding-left: 2%;
  width: 77%;
  border: none;
  border-left: 5px solid #FF8203;
}

.search_button {
  text-align: center;
  width: 20%;
  color: #fff;
  line-height: 46px;
  background: -moz-linear-gradient(top, #FFA84A 0, #FF8203 100%);
  background: -webkit-linear-gradient(top, #FFA84A 0, #FF8203 100%);
  background: linear-gradient(to bottom, #FFA84A 0, #FF8203 100%);
  cursor: pointer;
}

.index_keywords {
  color: #fff;
  cursor: pointer;
  margin-top: 25px;
}

.index_keywords span {
  margin: 0 5px;
}

.loginCon {
  max-width: 1600px;
  margin: 0 auto;
  color: #fff;
}

.login_logo {
  display: block;
  float: left;
  margin-top: 430px;
  margin-left: 260px;
}

.login_formBox {
  float: right;
  width: 560px;
  margin-top: 110px;
  background: rgba(0, 0, 0, 0.4);
  padding-bottom: 40px;
  box-shadow: 0 0 10px #000;
}

.login_icon {
  text-align: center;
}

.login_title {
  font-size: 32px;
  margin: 30px 0;
}

.login_form {
  padding: 20px 36px 30px;
  width: 400px;
  margin: 0 auto;
  background: rgba(100, 100, 100, 0.2);
  box-shadow: 0 0 10px #000;
}

.login_form input {
  display: block;
  width: 360px;
  border: none;
  height: 40px;
  margin-top: 15px;
  padding-left: 40px;
}

.login_user {
  background: url(@/assets/image/login_user.png) no-repeat #fff 10px;
}

.login_password {
  background: url(@/assets/image/login_password.png) no-repeat #fff 10px;
}

.login_forgot {
  text-align: left;
  margin-top: 15px;
}

.login_forgot img,
.login_forgot span {
  vertical-align: middle;
}

.login_btn {
  display: block;
  border: none;
  width: 100%;
  color: #fff;
  cursor: pointer;
  height: 40px;
  font-size: 24px;
  background: linear-gradient(top, #FFA84A 0, #FF8203 100%);
  line-height: 40px;
  border-radius: 20px;
  margin-top: 40px;
}

.login_reg {
  margin-top: 30px;
  text-align: right;
}

.login_reg a {
  color: #C8670D;
}

.conmon_searchPic {
  float: left;
  display: block;
  width: 180px;
  margin-left: 445px;
}

.conmon_search_input {
  float: left;
  width: 664px;
  padding-left: 20px;
  border: none;
  border-left: 5px solid #FF8203;
  height: 46px;
  margin-left: 46px;
  margin-top: 5px;
}

.conmon_search_button {
  float: left;
  height: 46px;
  width: 92px;
  color: #fff;
  line-height: 46px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFA84A), to(#FF8203));
  background: linear-gradient(to bottom, #FFA84A 0, #FF8203 100%);
  cursor: pointer;
  margin-top: 5px;
}

.conmon_searchBox {
  margin-top: 36px;
  /* display: none; */
}

.conmon_search_login {
  float: right;
  margin-right: 60px;
  color: #fff;
  margin-top: 15px;
}

.conmon_search_login img,
.conmon_search_login span {
  vertical-align: middle;
}

.el-table__row:nth-of-type(odd) {
  background-color: #1C1C1C;
}

.el-table__row:nth-of-type(even) {
  background-color: #202127;
}

.el-table td {
  border-bottom: 7px solid #25262E;
  border-right: 7px solid #25262E;
  text-align: center;
  color: #03E4E4;
  font-size: 14px;
  padding: 5px 0;
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
  background: none;
}

.el-table {
  position: unset;
}

.el-table::before {
  height: 0;
}

.el-table th {
  background-color: #202127;
  border-bottom: 7px solid #25262E;
  border-right: 7px solid #25262E;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 5px 0;
}

/*.el-table__body-wrapper {
  border-top: 7px solid #25262E;
}*/

.el-tabs__nav {
  float: none;
}

.el-tabs__item {
  /*width: 33.3%;*/
  color: #fff;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

.el-tabs__item.is-active {
  color: #fff;
  background: -moz-linear-gradient(top, #ffa84a 0, #ff8203 100%);
  background: -webkit-linear-gradient(top, #ffa84a 0, #ff8203 100%);
  background: linear-gradient(to bottom, #ffa84a 0, #ff8203 100%);
  border-radius: 10px 10px 0 0;
}

.el-tabs--card>.el-tabs__header,
.el-tabs--card>.el-tabs__header .el-tabs__nav,
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active,
.el-tabs--card>.el-tabs__header .el-tabs__item {
  border: none;
}

.el-tree-node__content {
  min-height: 30px;
  /* padding: 4px 0; */
  height: auto;
  box-sizing: border-box;
}

.gutter {
  width: 20px !important;
  display: none !important;
}

.el-tree-node__label {
  font-size: 16px;
}

.el-tree-node:focus>.el-tree-node__content {
  background-color: #131317 !important;
}

.el-tree {
  background: #1c1c1c;
  min-width: 100%;
  font-size: 14px;
  display: inline-block !important;
}

/*.timeCheck {
  max-height: 800px;
  overflow-y: auto;
}*/

.el-tree-node__content:hover {
  background-color: #131317 !important;
}

.el-tree>.is-focusable>.el-tree-node__content>.el-tree-node__label {
  color: #f13324;
  font-size: 14px;
}

.el-tree>.is-focusable>.el-tree-node__children>.is-focusable>.el-tree-node__content>.el-tree-node__label {
  color: #d35022;
  font-size: 14px;
}

.el-tree>.is-focusable>.el-tree-node__children>.is-focusable>.el-tree-node__children>.is-focusable>.el-tree-node__content>.el-tree-node__label {
  color: #948482;
  font-size: 14px;
}

.el-tree>.is-focusable>.el-tree-node__children>.is-focusable>.el-tree-node__children>.is-focusable>.el-tree-node__children>.is-focusable>.el-tree-node__content>.el-tree-node__label {
  color: hwb(37 18% 39%);
  font-size: 14px;
}

.mainTerm .el-input__inner {
  width: 80%;
  background-color: #fff;
  height: 30px;
  margin-bottom: 10px;
  color: #000;
}

.inputFloat {
  float: left;
  width: 80%;
  margin-left: 5%;
}

.imgFloat {
  float: left;
  margin-top: 6px;
  cursor: pointer;
}

.el-select .el-input__inner {
  border: none;
  background-color: #131317;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #7dc784;
  border-color: #7dc784;
}

.mainConHead .el-select {
  float: left;
}

.mainConHead .el-select:last-child {
  margin-left: 20px;
}

.mainConHead .el-select {
  box-shadow: 0 0 5px #000;
}

.mainBtn {
  float: right;
  color: #fff;
  font-size: 20px;
}

.mainBtn>span span,
.mainBtn>span img {
  vertical-align: middle;
}

.mainBtn>span {
  margin-left: 50px;
  cursor: pointer;
}

.mainBtn>span span {
  margin-left: 10px;
}

.mainBody {
  color: #fff;
  background-color: #25262E;
}

.mainBody_tab_tilte {
  margin-top: 5px;
  margin-bottom: 10px;
}

.mainBody_tab_tilte li {
  float: left;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  margin-right: 0;
  padding: 0 15px;
  cursor: pointer;
}

.mainBody_tab_tilte li:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa84a), to(#ff8203));
  background: linear-gradient(to bottom, #ffa84a 0, #ff8203 100%);
  border-radius: 10px 10px 0 0;
}

.mainBody_tab_tilte .macro_shu:hover {
  background: none;
  cursor: unset;
}

.el-table__body tr.hover-row>td {
  background-color: #666 !important;
}

.mainBody_tab_tilte li span,
.mainBody_tab_tilte li img {
  vertical-align: middle;
}

.mainBody_tab_tilte li img {
  width: 18px;
}

.mainBody_tab_tilte .active {
  background: -moz-linear-gradient(top, #ffa84a 0, #ff8203 100%);
  background: -webkit-linear-gradient(top, #ffa84a 0, #ff8203 100%);
  background: linear-gradient(to bottom, #ffa84a 0, #ff8203 100%);
  border-radius: 10px 10px 0 0;
}

.mainBody_tab_content {
  margin-bottom: 50px;
}

.mainBody_tab_tilte .macro_shu {
  margin: 0 100px;
}

/*.timeCheck .el-checkbox {
  display: block;
  text-align: left;
  padding-left: 20%;
}*/

.el-checkbox:last-of-type {
  margin-right: 30px;
}

.predictWinBox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 11;
}

.predictWin {
  color: #fff;
  position: fixed;
  top: 35%;
  left: 38%;
  width: 24%;
  z-index: 20;
  background: #1C1C1C;
  padding: 20px 40px;
}

.predictWin .el-checkbox {
  display: block;
  color: #fff;
  height: 30px;
}

.predictWin .el-checkbox__label {
  font-size: 14px;
}

.mainContainer {
  position: relative;
}

.predictWin .el-select {
  display: block;
  margin-top: 30px;
}

.chartChange {
  float: left;
  width: 10%;
}

.chartChange li {
  text-align: left;
  height: 32px;
  line-height: 32px;
  margin-top: 18px;
  cursor: pointer;
  font-size: 14px;
  padding-left: 26%;
}

.chartChangeSelect {
  float: left;
  width: 10%;
}

.chartChangeSelect li {
  text-align: left;
  height: 32px;
  line-height: 32px;
  margin-top: 12px;
  cursor: pointer;
  font-size: 14px;
  padding-left: 26%;
}

/* .chartChange li:last-child {
  text-align: left;
  padding-left: 26%;
} */

.chartChange li:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa84a), to(#ff8203));
  background: linear-gradient(to bottom, #ffa84a 0, #ff8203 100%);
  border-radius: 16px;
}

#myChart {
  float: right;
  margin-top: -30px;
}

.chartChange .on {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa84a), to(#ff8203));
  background: linear-gradient(to bottom, #ffa84a 0, #ff8203 100%);
  border-radius: 16px;
}

.el-select-dropdown__list {
  background: #25262E;
  padding: 0;
}

.el-select-dropdown__item {
  color: #fff;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: #494A52;
  color: #948482;
  border-radius: 0;
}

.el-select-dropdown__item.selected {
  color: #948482;
}

.conditions {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #03CA7A), to(#32A09E));
  background: linear-gradient(to bottom, #03CA7A 0, #32A09E 100%);
  color: #fff;
  height: 34px;
  border-radius: 17px;
  line-height: 34px;
  width: 250px;
  margin: 30px auto;
  cursor: pointer;
  position: sticky;
  bottom: 30px;
  z-index: 9999;
}

.el-select-dropdown {
  background: none;
  border: none;
  margin-top: 0 !important;

  .el-select-dropdown__list {
    padding: 14px 0;
  }

  .el-select-dropdown__item {
    color: #948482;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
  }

  .el-select-dropdown__item:hover {
    background: none;
  }

  .selected {
    color: #D82B2C;
  }

  .hover {
    background: none;
  }
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #25262E;
}

.el-popper[x-placement^=bottom] .popper__arrow {
  display: none;
}

.predictTitle {
  font-size: 22px;
  color: #FF8000;
  border-bottom: 1px solid #8D8D8D;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.predictBtn {
  margin-top: 30px;
}

.predictBtn p {
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 25px;
  margin-right: 10px;
  cursor: pointer;
}

.predictBtn p:first-child {
  float: right;
}

.predictBtn p:last-child {
  float: right;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa84a), to(#ff8203));
  background: linear-gradient(to bottom, #ffa84a 0, #ff8203 100%);
}

.anaXiang:nth-child(odd) {
  background-color: #202127;
}

.anaXiang:nth-child(even) {
  background-color: #25262E;
}

.anaXiangSpan {
  display: inline-block;
  width: 11%;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
}

.anaMiao {
  width: 30%;
  float: left;
  margin-left: 3%;
  margin-top: 40px;
  border: 1px solid #666;
}

.anaMiaoTitle {
  display: inline-block;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #666;
}

.anaMiaoSpan {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-align: left;
}

.anaMiaoSpan span {
  display: inline-block;
  width: 44.8%;
  padding-left: 5%;
  border-bottom: 1px solid #666;
  font-size: 14px;
}

.anaMiaoSpan span:first-child {
  border-right: 1px solid #666;
}

.anaMiao p {
  height: 40px;
  line-height: 40px;
}

/*.el-table .cell {*/

/*  padding: 0;*/

/*  text-align: center;*/

/*}*/

.el-table-column--selection .cell {
  padding-left: 14px;
  padding-right: 14px;
}


.el-table__header tr th:nth-child(2) .cell {
  /* font-size: 18px !important; */
}

.el-table__body .el-table__row td:nth-child(2) div {
  color: #289EC9;
  font-size: 18px;
  text-align: center;
}

.el-table th>.cell {
  text-align: center;
}

.getIndexBox {
  width: 200px;
}

.getIndexBox,
.getTimeBox,
.getRegionBox {
  flex: 1;
  /*float: left;*/
  /*width: 32%;*/
  /*padding-left: 1%;*/
  padding: 0 20px;
}

.getIndexBox,
.getRegionBox {
  border-right: 1px solid #595A60;
}

.positionTitle {
  color: #fff;
  height: 40px;
  line-height: 40px;
}

.positionTitle_a {
  float: left;
  font-size: 16px;
}

.positionTitle_extract,
.positionTitle_clear,
.positionTitle_close {
  float: right;
  cursor: pointer;
  padding: 0 25px;
  font-size: 16px;
}

.positionTitle_close {
  font-size: 40px;
}

.mainPositionWin {
  position: absolute;
  left: 20%;
  /*top: 55px;*/
  width: 65%;
  height: 70vh;
  background-color: #25262E;
  z-index: 200;
  box-shadow: 0 0 10px #000;
  padding: 15px;
}

.positionTitle_extract {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa84a), to(#ff8203));
  background: linear-gradient(to bottom, #ffa84a 0, #ff8203 100%);
  border-radius: 20px;
  text-align: center;
}

.positionTitle_extract:hover,
.positionTitle_clear:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa84a), to(#ff8203));
  background: linear-gradient(to bottom, #ffa84a 0, #ff8203 100%);
  border-radius: 20px;
  text-align: center;
}

.navCntBox {
  text-align: left;
  display: flex;
}

.navCntBox .el-checkbox {
  color: #fff;
  display: block;
  line-height: 30px;
}

.getIndexInput {
  padding-left: 2%;
  margin-left: 2%;
  width: 70%;
  background-color: #fff;
  height: 30px;
  margin-bottom: 10px;
  color: #000;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  max-width: 240px;
}

.titleYellow {
  color: #FBB03B;
  font-size: 16px;
  line-height: 36px;
}

.getIndexBox .el-checkbox-group,
.getTimeBox .el-checkbox-group,
.getRegionBox .el-checkbox-group {
  font-size: 0;
  max-height: 600px;
  overflow-y: auto;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  display: block;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: grey;
}

::-webkit-scrollbar-track {
  background: #25262E;
}

.tree::-webkit-scrollbar-thumb {
  width: 5px;
}

.el-checkbox__inner {
  background-color: #fff;
}

.anaXiang {
  font-size: 14px;
  padding: 10px 0;
}

.anaXiang:first-child {
  font-size: 16px;
  color: #fff;
}

.anaXiang {
  color: red;
}

.anaXiang span:first-child {
  color: #C48B32;
}

.anaXiang:first-child span:first-child {
  color: #fff;
}

.anaDataTitle {
  text-align: center;
  font-size: 20px;
  color: #C48B32;
  cursor: pointer;
  position: relative;
  margin-bottom: 20px;
}

.anaDataClose {
  position: absolute;
  top: -20px;
  right: 10%;
  font-size: 40px;
  color: #fff;
}

.anaDataTitle span,
.anaDataTitle img {
  vertical-align: middle;
}

.anaDataTitle img {
  margin-left: 10px;
}

.chartBox {
  margin-top: 20px;
  margin-bottom: 20px;
}

.chartChange img {
  width: 16px;
  margin-right: 5px;
}

.chartChange img,
.chartChange span {
  vertical-align: middle;
}

.anaMiaoTitle,
.anaMiaoSpan span:first-child {
  color: #C48B32;
}

.anaMiaoSpan span:nth-child(2) {
  color: red;
}

.trNum1 .el-table__body .el-table__row td:nth-child(3) {
  color: red;
}

.trNum2 .el-table__body .el-table__row td:nth-child(3),
.trNum2 .el-table__body .el-table__row td:nth-child(4) {
  color: red;
}

.trNum3 .el-table__body .el-table__row td:nth-child(3),
.trNum3 .el-table__body .el-table__row td:nth-child(4),
.trNum3 .el-table__body .el-table__row td:nth-child(5) {
  color: red;
}

.trNum4 .el-table__body .el-table__row td:nth-child(3),
.trNum4 .el-table__body .el-table__row td:nth-child(4),
.trNum4 .el-table__body .el-table__row td:nth-child(5),
.trNum4 .el-table__body .el-table__row td:nth-child(6) {
  color: red;
}

.trNum5 .el-table__body .el-table__row td:nth-child(3),
.trNum5 .el-table__body .el-table__row td:nth-child(4),
.trNum5 .el-table__body .el-table__row td:nth-child(5),
.trNum5 .el-table__body .el-table__row td:nth-child(6),
.trNum5 .el-table__body .el-table__row td:nth-child(7) {
  color: red;
}

.priSpan {
  display: inline-block;
  width: 15%;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
}

.lineSpan {
  display: inline-block;
  width: 12%;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
}

.listed_base_info_select {
  display: inline-block;
  position: relative;
  bottom: 12px;
}


.listed_tag_select {
  position: relative;
  left: 1000px;
}

.innovation_head_tag {
  height: 60px;
  position: relative;
  bottom: 10px;
}

.innovation_button_select {
  display: inline-block;
  left: 750px;
  position: relative;
  height: 50px;
}

.innovation_tag_select {
  display: inline-block;
  position: relative;
  top: 10px;
}

.custom_radio_select {
  display: inline-block;
  position: relative;
  bottom: 13px;
}

.custom_breadcrumb {
  top: 5px;
  position: relative;
}

.breadcrumb {
  text-align: left;
  margin-left: 20px;
  padding-bottom: 10px;
  display: inline-block;
  width: 330px;
  position: relative;
  bottom: 15px;
}

.breadcrumb_mainBody_tab_tilte {
  text-align: left;
  color: white;
}

.mainBody_tab_tilte_parent {
  display: inline-block;
}

.el-table__header {
  background-color: #25262E;
}

.el-table__fixed-right::before,
.el-table__fixed::before {
  height: 0;
}

.el-menu li .el-submenu__title {
  width: 185px;
}

.el-menu-short li .el-submenu__title {
  width: 290px;
  margin-left: -20px;
}

.headerBoxOther .el-menu-short>.el-submenu .el-submenu__title {
  width: 370px;
  margin-left: -30px;
}

.indexHeadUser {
  position: absolute;
  bottom: 68px;
  right: 2%;
}

@media screen and (max-width: 1920px) {
  .el-menu.el-menu--horizontal {
    left: 0;
  }

  .conmon_searchPic {
    margin-left: 10%;
  }

  .anaXiangSpan {
    width: 10%;
  }

  .search_tag {
    width: 500px;
  }
}

@media screen and (max-width: 1900px) {
  .headerBoxOther .el-menu--horizontal>.el-submenu .el-submenu__title {
    width: 190px;
  }

  .headerBoxOther .el-menu-short>.el-submenu .el-submenu__title {
    width: 340px;
    margin-left: -30px;
  }

  .mainBody_tab_tilte .macro_shu {
    margin: 0 2%;
  }

  .search_input {
    width: 77%;
  }

  .search_button {
    width: 30%;
  }

  .search_tag {
    width: 500px;
  }
}

@media screen and (max-width: 1680px) {
  .headerBoxOther .el-menu--horizontal>.el-submenu .el-submenu__title {
    width: 180px;
  }

  .headerBoxOther .el-menu-short>.el-submenu .el-submenu__title {
    width: 330px;
    margin-left: -30px;
  }

  .conmon_searchPic {
    margin-left: 10%;
  }

  .el-menu li .el-submenu__title {
    width: 165px;
  }

  .el-menu-short li:first-child {
    width: 220px;
    margin-right: -20px;
  }

  .el-menu-short li .el-submenu__title {
    width: 250px;
    margin-left: -20px;
  }

  .kno_box1,
  .kno_box2,
  .kno_box3,
  .kno_box4,
  .kno_box5,
  .kno_box6.kno_box7 {
    width: 1380px;
  }

  header .Nav ul li span {
    margin: 50px 0 0 28px;
  }

  header .Nav img {
    width: 162px;
    margin: 42px 0 0 140px;
  }

  .search_input {
    width: 65%;
  }

  .search_button {
    width: 30%;
  }

  .search_tag {
    width: 400px;
  }

  .conmon_search_input {
    width: 499px;
  }
}

@media screen and (max-width: 1600px) {
  .headerBoxOther .el-menu--horizontal>.el-submenu .el-submenu__title {
    width: 170px;
  }

  .headerBoxOther .el-menu-short>.el-submenu .el-submenu__title {
    width: 310px;
    margin-left: -30px;
  }

  /*.mainContainer {*/
  /*  width: 77%;*/
  /*}*/
  .el-menu li .el-submenu__title {
    width: 155px;
  }

  .el-menu-short li .el-submenu__title {
    width: 230px;
    margin-left: -20px;
  }

  .kno_box1,
  .kno_box2,
  .kno_box3,
  .kno_box4,
  .kno_box5,
  .kno_box6.kno_box7 {
    width: 1290px;
  }

  .search_tag {
    width: 300px;
  }

  .conmon_search_input {
    width: 499px;
  }
}

@media screen and (max-width: 1500px) {
  .headerBoxOther .el-menu--horizontal>.el-submenu .el-submenu__title {
    width: 160px;
  }

  .headerBoxOther .el-menu-short>.el-submenu .el-submenu__title {
    width: 290px;
    margin-left: -30px;
  }

  .conmon_searchPic {
    margin-left: 10%;
  }

  .el-menu li .el-submenu__title {
    width: 135px;
  }

  .el-menu-short li .el-submenu__title {
    width: 220px;
    margin-left: -20px;
  }

  .kno_box1,
  .kno_box2,
  .kno_box3,
  .kno_box4,
  .kno_box5,
  .kno_box6.kno_box7 {
    width: 1210px;
  }

  .conmon_search_input {
    width: 499px;
  }
}

@media screen and (max-width: 1400px) {
  .headerBoxOther .el-menu--horizontal>.el-submenu .el-submenu__title {
    width: 150px;
  }

  .headerBoxOther .el-menu-short>.el-submenu .el-submenu__title {
    width: 270px;
    margin-left: -30px;
  }

  .el-menu li:nth-child(10) .el-submenu__title {
    width: 170px !important;
  }

  .conmon_searchPic {
    margin-left: 10%;
  }

  .el-menu li .el-submenu__title {
    width: 128px;
  }

  .el-menu-short li .el-submenu__title {
    width: 210px;
    margin-left: -20px;
  }

  .el-menu--horizontal>.el-submenu .el-submenu__title,
  .el-menu--horizontal>.el-menu-item {
    font-size: 14px;
  }

  .el-menu-short li:first-child {
    width: 230px;
    margin-right: -30px;
  }

  .kno_box1,
  .kno_box2,
  .kno_box3,
  .kno_box4,
  .kno_box5,
  .kno_box6.kno_box7 {
    width: 1170px;
  }

  .search_tag {
    width: 250px;
  }

  .conmon_search_input {
    width: 499px;
  }
}

@media screen and (max-width: 1366px) {
  .headerBoxOther .el-menu--horizontal>.el-submenu .el-submenu__title {
    width: 145px;
    font-size: 14px;
  }

  .headerBoxOther .el-menu-short>.el-submenu .el-submenu__title {
    width: 260px;
    margin-left: -30px;
  }

  .conmon_searchPic {
    margin-left: 3%;
  }

  .el-menu li .el-submenu__title {
    width: 128px;
  }

  .el-menu-short li .el-submenu__title {
    width: 200px;
    margin-left: -20px;
  }

  .el-menu--horizontal>.el-submenu .el-submenu__title,
  .el-menu--horizontal>.el-menu-item {
    font-size: 14px;
  }

  .el-menu-short li:first-child {
    width: 200px;
    margin-right: -30px;
  }

  .kno_box1,
  .kno_box2,
  .kno_box3,
  .kno_box4,
  .kno_box5,
  .kno_box6.kno_box7 {
    width: 1080px;
  }

  header .Nav ul li span {
    margin: 50px 0 0 20px;
  }

  header .Nav img {
    width: 162px;
    margin: 42px 0 0 90px;
  }

  .search_input {
    width: 65%;
  }

  .search_button {
    width: 30%;
  }

  .search_tag {
    width: 280px;
  }

  .conmon_search_input {
    width: 499px;
  }
}

@media screen and (max-width: 1280px) {
  .headerBoxOther .el-menu--horizontal>.el-submenu .el-submenu__title {
    width: 135px;
    font-size: 14px;
  }

  .headerBoxOther .el-menu-short>.el-submenu .el-submenu__title {
    width: 240px;
    margin-left: -30px;
  }

  .conmon_searchPic {
    margin-left: 3%;
  }

  .el-menu li .el-submenu__title {
    width: 115px;
  }

  .el-menu-short li .el-submenu__title {
    width: 190px;
    margin-left: -10px;
  }

  .el-menu--horizontal>.el-submenu .el-submenu__title,
  .el-menu--horizontal>.el-menu-item {
    font-size: 14px;
  }

  .el-menu-short li:first-child {
    width: 180px;
    margin-right: -30px;
  }

  .search_input {
    width: 40%;
  }

  header .Nav ul li span {
    margin: 50px 0 0 8px;
  }

  header .Nav img {
    width: 162px;
    margin: 42px 0 0 70px;
  }

  .kno_box1,
  .kno_box2,
  .kno_box3,
  .kno_box4,
  .kno_box5,
  .kno_box6.kno_box7 {
    width: 1080px;
  }

  .home {
    height: 17151px;
  }
}

@media screen and (max-width: 1200px) {
  .headerBoxOther .el-menu--horizontal>.el-submenu .el-submenu__title {
    width: 128px;
  }

  .headerBoxOther .el-menu-short>.el-submenu .el-submenu__title {
    width: 230px;
    margin-left: -20px;
  }

  .el-menu li .el-submenu__title {
    width: 123px;
  }

  .el-menu-short li .el-submenu__title {
    width: 170px;
    margin-left: -0;
  }

  .el-menu-short li:first-child {
    width: 160px;
    margin-right: -30px;
  }

  .el-menu li:nth-child(10) .el-submenu__title {
    width: 170px !important;
  }

  .conmon_searchPic {
    margin-left: 2%;
  }

  .conmon_search_input {
    width: 50%;
  }

  .search_input {
    width: 30%;
  }

  header .Nav ul li span {
    margin: 50px 0 0 8px;
  }

  header .Nav img {
    width: 162px;
    margin: 42px 0 0 24px;
  }

  .kno_box1,
  .kno_box2,
  .kno_box3,
  .kno_box4,
  .kno_box5,
  .kno_box6.kno_box7 {
    width: 960px;
  }

  .home {
    height: 17151px;
  }


  .el-menu--horizontal>.el-submenu .el-submenu__title,
  .el-menu--horizontal>.el-menu-item {
    line-height: 60px;
    font-size: 14px;
  }

  .el-table td {
    font-size: 12px;
  }

  .el-table th {
    font-size: 14px;
  }

  .indexHeadUser {
    position: absolute;
    bottom: -12px;
    right: 2%;
  }

  .login_logo {
    margin-top: 10%;
  }

  .conmon_search_input {
    width: 459px;
  }
}

@media screen and (max-width: 1155px) {
  .headerBoxOther .el-menu--horizontal>.el-submenu .el-submenu__title {
    width: 210px;
  }

  .el-menu li:nth-child(10) .el-submenu__title {
    width: 160px !important;
  }

  .search_input {
    width: 30%;
  }

  header .Nav ul li span {
    margin: 50px 0 0 2px;
  }

  header .Nav img {
    width: 162px;
    margin: 42px 0 0 14px;
  }

  .search_tag {
    width: 250px;
  }

  .kno_box1,
  .kno_box2,
  .kno_box3,
  .kno_box4,
  .kno_box5,
  .kno_box6.kno_box7 {
    width: 900px;
  }

  .home {
    height: 17151px;
  }
}

@media screen and (max-width: 1024px) {
  .headerBoxOther .el-menu--horizontal>.el-submenu .el-submenu__title {
    width: 115px;
    font-size: 12px;
    height: 50px;
    padding: 0 10px;
    line-height: 50px;
  }

  .el-menu li:nth-child(10) .el-submenu__title {
    width: 110px !important;
    height: 50px;
    padding: 0 10px;
    line-height: 50px;
  }

  .el-menu-demo li:first-child {
    /* width: 110px; */
    font-size: 12px;
    height: 50px;
    padding: 0 10px;
    line-height: 50px;
  }

  .conmon_searchPic {
    margin-left: 0%;
  }

  .conmon_search_input {
    width: 40%;
  }

  .mainBody_tab_tilte li {
    font-size: 12px;
  }

  .chartChange li {
    font-size: 10px;
  }

  .chartChange img {
    width: 12px;
  }

  .footer {
    font-size: 11px;
  }

  .el-menu--horizontal .el-menu .el-menu-item {
    font-size: 12px;
  }

  .breadcrumb {
    font-size: 14px;
  }

  .el-menu--horizontal>.el-submenu .el-submenu__title,
  .el-menu--horizontal>.el-menu-item {
    line-height: 50px;
    font-size: 12px;
    height: 50px;
  }

  .el-menu li .el-submenu__title {
    width: 115px;
  }

  .indexHeadUser {
    position: absolute;
    bottom: -12px;
    right: 2%;
  }

  .search_input {
    width: 15%;
  }

  .search_tag {
    width: 200px;
  }

  header .Nav ul li span {
    margin: 50px 0 0 4px;
    font-size: 16px;
  }

  header .Nav img {
    width: 162px;
    margin: 42px 0 0 30px;
  }

  .kno_box1,
  .kno_box2,
  .kno_box3,
  .kno_box4,
  .kno_box5,
  .kno_box6.kno_box7 {
    width: 835px;
  }

  .home {
    height: 17151px;
  }
}

.active {
  background: -moz-linear-gradient(top, #ffa84a 0, #ff8203 100%);
  background: -webkit-linear-gradient(top, #ffa84a 0, #ff8203 100%);
  background: linear-gradient(to bottom, #ffa84a 0, #ff8203 100%);
  border-radius: 10px 10px 0 0;
}

.index_home {
  top: 19px;
  position: relative;
  margin: 0px;
  width: 69%;
  height: 53%;
  left: 38px;
}

.el-notification {
  background-color: #25262E !important;
  border: 1px solid #03E4E4 !important;
}

.el-notification__title {
  color: #fff !important;
}

.el-notification__content {
  color: #fff !important;
}

.el-message--warning {
  background-color: #25262E !important;
}

.el-message--warning .el-message__content {
  color: #fff !important;
  font-size: 16px !important;
}